<header id="header" class="alt">
        <a href="/catalog/view" class="logo"><strong>MyPetStore</strong> <span>Copyright Central South
                University</span></a>
        <div id="Search">
            <div id="SearchContent">
                <form action="/catalog/viewProductId" class="search-wrap">
                    <table style="line-height: 40px">
                        <tr>
                            <td>
                                <input type="text" id="keyword" name="keyword" size="4" class="search"
                                    style="height: 40px;width: 200px" />
                                <div class="auto hidden" id="auto">
                                    <div class="auto_out">1</div>
                                    <div class="auto_out">2</div>
                                </div>
                            </td>
                            <td><input type="submit" name="searchProducts" value="Search" style="height: 40px" />
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <nav>
            <a href="#menu">Menu</a>
        </nav>
    </header>

    <!-- Menu -->
    <nav id="menu">
        <ul class="links">
            <li><a href="/catalog/view">Home</a></li>
            <li><a href="/cart/viewCart">Cart</a></li>
            <li><a href="/account/myaccount">Account</a></li>
            <li><a href="../help.html">Help</a></li>
        </ul>
        <ul class="actions stacked">
            <li><a href="#one" class="button primary fit">Get Started</a></li>
            <li><a href="/account/signon" class="button fit">Log In</a></li>
            <li><a href="/account/signoff" class="button fit">Sign Out</a></li>
        </ul>
    </nav>